<!--
  Copyright 2015 The Chromium Authors. All rights reserved.
  Use of this source code is governed by a BSD-style license that can be
  found in the LICENSE file.
-->
<!DOCTYPE html>
<html i18n-values="dir:textdirection;lang:language">
  <head>
    <meta charset="utf-8">
    <title>AppCache</title>
    <link rel="stylesheet" href="chrome://resources/css/tabs.css">
    <link rel="stylesheet" href="chrome://resources/css/widgets.css">
    <link rel="stylesheet" href="appcache_internals.css">
  </head>
  <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
    <!-- templates -->
    <div style="display:none">
      <div id="appcache-list-template"
           jsvalues=".partitionPath:$this.partition_path">
        <div class="appcache-summary">
          <span jsdisplay="$this.partition_path">
            <span>Instances in: </span>
            <span jscontent="$this.partition_path"></span>
          </span>
          <span jsdisplay="!$this.partition_path">
            <span>Instances: Incognito </span>
          </span>
          <span jscontent="'(' + $this.appcache_vector.length + ')'">
          </span>
        </div>
        <div class="appcache-item" jsselect="$this.appcache_vector">
          <a class="appcache-url" jscontent="originURL"
                                  jsvalues="href:originURL"
                                  target="_blank"></a>
          <div jsselect="manifests">
            <div class="appcache-info-item" jsvalues="$manifestURL:manifestURL;
                                            $groupId:groupId;">
              <div class="appcache-manifest">
                <span> Manifest: </span>
                <a class="appcache-info-url" jscontent="manifestURL"
                                             jsvalues="href:manifestURL;"
                                             target="_blank"></a>
              </div>
              <div class="appcache-size">
                <span> Size: </span>
                <span jscontent="size"></span>
              </div>
              <div class="appcache-dates">
                <ul>
                  <li>
                    <span> Creation Time: </span>
                    <span jscontent="new Date(creationTime)"></span>
                  </li>
                  <li>
                    <span> Last Access Time: </span>
                    <span jscontent="new Date(lastAccessTime)"></span>
                  </li>
                  <li>
                    <span> Last Update Time: </span>
                    <span jscontent="new Date(lastUpdateTime)"></span>
                  </li>
                </ul>
              </div>
              <div class="appcache-manifest-commands"
                   jsvalues=".manifestURL:$manifestURL;.groupId:$groupId">
                <table>
                  <tr>
                    <td>
                      <a href="#" class="remove-manifest"> Remove Item </a>
                    </td>
                    <td>
                      <a href="#" class="view-details"> View Details </a>
                    </td>
                  </tr>
                </table>
              </div>
              <div class="appcache-details"
                   jsvalues=".manifestURL:$manifestURL;.groupId:$groupId;">
              </div>
            </div>
          </div>
        </div>
      </div>

      <div id="appcache-info-template" jsselect="$this.items">
        <span>
          <a href="#" class="appcache-info-template-file-url"
                      jscontent="fileUrl" jsvalues=".responseId:responseId">
          </a>
        </span>
        <span jscontent="size"></span>
        <span jscontent="properties"></span>
      </div>
    </div>
    <h1>Application Cache</h1>
    <div class="content">
      <div id="appcache-list">
      </div>
      <script src="chrome://resources/js/util.js"></script>
      <script src="chrome://resources/js/cr.js"></script>
      <script src="appcache_internals.js"></script>
      <script src="chrome://resources/js/load_time_data.js"></script>
      <script src="chrome://resources/js/jstemplate_compiled.js"></script>
      <script src="strings.js"></script>
      <script src="chrome://resources/js/i18n_template.js"></script>
  </body>
</html>
